// import elementplus from 'element-plus'
// import locale from 'element-plus/packages/locale/lang/zh-cn'
// import 'element-plus/lib/theme-chalk/index.css'

import {
  ElButton,
  ElInput,
  ElDropdown,
  ElDropdownItem,
  ElHeader,
  ElAside,
  ElMain,
  ElFooter,
  ElForm,
  ElFormItem,
  ElPopconfirm,
  ElPopover,
  ElAvatar,
  ElImage,
  ElMenuItem,
  ElSubmenu,
  ElSkeleton,
  ElIcon,
  ElRow,
  ElCol,
  ElTabs,
  ElTabPane,
  ElTable,
  ElTableColumn,
} from 'element-plus'

const el_config = (app: any) => {
  app.component(ElButton.name, ElButton)
  app.component(ElInput.name, ElInput)
  app.component(ElDropdown.name, ElDropdown)
  app.component(ElHeader.name, ElHeader)
  app.component(ElAside.name, ElAside)
  app.component(ElMain.name, ElMain)
  app.component(ElDropdownItem.name, ElDropdownItem)
  app.component(ElFooter.name, ElFooter)
  app.component(ElForm.name, ElForm)
  app.component(ElFormItem.name, ElFormItem)
  app.component(ElPopconfirm.name, ElPopconfirm)
  app.component(ElPopover.name, ElPopover)
  app.component(ElAvatar.name, ElAvatar)
  app.component(ElImage.name, ElImage)
  app.component(ElMenuItem.name, ElMenuItem)
  app.component(ElSubmenu.name, ElSubmenu)
  app.component(ElSkeleton.name, ElSkeleton)
  app.component(ElRow.name, ElIcon)
  app.component(ElCol.name, ElIcon)
  app.component(ElTabs.name, ElIcon)
  app.component(ElTabPane.name, ElIcon)
  app.component(ElIcon.name, ElIcon)
  app.component(ElTable.name, ElIcon)
  app.component(ElIcon.name, ElIcon)
  app.component(ElTableColumn.name, ElIcon)
}

export default el_config
